<div class="content-wrapper" [@routerTransition]>
    <!-- /.content-header -->
    <!-- Main content -->
    <section class="content">
        <!-- main-left start -->
        <div class="mainboxs">
            <div class="p-home">
                <!-- home-data start -->
                <ul class="home-data">
                    <li class="item item1"  *ngIf="'Pages.Manage.WorkFlow' | permission">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">待办工作</h5>
                                <div class="data">{{previewNumData?.todo}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item1" *ngIf="'Pages.Manage.WorkFlow' | permission">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">在办</h5>
                                <div class="data">{{previewNumData?.releted}}</div>
                            </div>
                        </div>
                    </li>
                     <li class="item item2">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">栏目发布</h5>
                                <div class="data">{{allDashboardDataDto?.menuData?.activeNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item2">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">栏目未发布</h5>
                                <div class="data">{{allDashboardDataDto?.menuData?.unActiveNum}}</div>
                            </div>
                        </div>
                    </li>



                      <li class="item item3">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">用户发布</h5>
                                <div class="data">{{allDashboardDataDto?.userData?.activeNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item3">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">用户未发布</h5>
                                <div class="data">{{allDashboardDataDto?.userData?.unActiveNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item4">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">内容发布</h5>
                                <div class="data">{{allDashboardDataDto?.contentData?.activeNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item4">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">内容未发布</h5>
                                <div class="data">{{allDashboardDataDto?.contentData?.unActiveNum}}</div>
                            </div>
                        </div>
                    </li>



                    <li class="item item5" style="display: none;">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">理财产品发布</h5>
                                <div class="data">{{allDashboardDataDto?.finanicalProductData?.activeNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item5" style="display: none;">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">理财产品未发布</h5>
                                <div class="data">{{allDashboardDataDto?.finanicalProductData?.unActiveNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item6" style="display: none;">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">招聘发布</h5>
                                <div class="data">{{allDashboardDataDto?.recruitmentData?.activeNum}}</div>
                            </div>
                        </div>
                    </li>
                    <li class="item item6" style="display: none;">
                        <div class="box">
                            <div class="icon"><i class="bi bi-activity"></i></div>
                            <div class="bd">
                                <h5 class="tit">招聘未发布</h5>
                                <div class="data">{{allDashboardDataDto?.recruitmentData?.unActiveNum}}</div>
                            </div>
                        </div>
                    </li>
                </ul>
                <!-- home-data end -->

                <div class="row index-rowbox" style="display: none;"  *ngIf="'Pages.Manage.WorkFlow' | permission">
                    <div class="col-md-6 row-col">
                        <!-- sec-box start -->
                        <div class="sec-box work-box">
                            <div class="sec-hd">
                                <h5 class="sec-tit">待办工作</h5>
                                <a href="javascript:void(0)" class="sec-more"
                                    (click)="goMoreList(wfQueryType.Todo,'待办工作')">更多<i
                                        class="bi bi-chevron-right"></i></a>
                            </div>
                            <div class="sec-bd">
                                <ul class="work-list">
                                    <li class="item" *ngFor="let x of workFlowDatas.todoList">
                                        <div class="table-cell tit">
                                            <span class="inner">
                                                [{{x.workFlowName}}]
                                                <a href="javascript:void(0)"  *ngIf="x.hasMarked == true" title="{{x.title}}" (click)="goToDetailModel(x)"> {{x.title}}</a>
                                                <a href="javascript:void(0)"  *ngIf="x.hasMarked == false" class="had-bold" title="{{x.title}}" (click)="goToDetailModel(x)">{{x.title}}</a>
                                                
                                            </span>
                                        </div>
                                        <div class="table-cell time">{{x.startTime | luxonFormat:'yyyy-MM-dd'}}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- sec-box end -->
                    </div>
                    <!-- row-col end -->
    
                    <div class="col-md-6 row-col" style="display: none;">
                        <!-- sec-box start -->
                        <div class="sec-box work-box">
                            <div class="sec-hd">
                                <h5 class="sec-tit">在办工作</h5>
                                <a href="javascript:void(0)" class="sec-more"
                                    (click)="goMoreList(wfQueryType.Related,'在办工作')">更多<i
                                        class="bi bi-chevron-right"></i></a>
                            </div>
                            <div class="sec-bd">
                                <ul class="work-list">
                                    <li class="item" *ngFor="let x of workFlowDatas.relatedList">
                                        <div class="table-cell tit">
                                            <span class="inner">
                                                [{{x.workFlowName}}]
                                                <a href="javascript:void(0)" title="{{x.title}}" (click)="goToDetailModel(x)">
                                                    {{x.title}}
                                                </a>
                                            </span>
                                        </div>
                                        <div class="table-cell time">{{x.startTime | luxonFormat:'yyyy-MM-dd'}}</div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- sec-box end -->
                    </div>
                    <!-- row-col end -->
                </div>
            </div>
            
        </div>
        <!-- main-left end -->
        <workFlowDetail #workFlowDetail (backListEvent)="backToList($event)"></workFlowDetail>
        <dashboard-morelist #dashboardMorelist (backtoList)="backToList($event)"></dashboard-morelist>
    </section>
</div>
